/*新增字体*/
@font-face {
  font-family: '汉仪综艺体简';   /*字体名称*/
  src: url('../fonts/汉仪综艺体简.ttf');       /*字体源文件*/
}

/*通用样式*/
html,body{width:100%;height:100%;margin:0px;padding:0px;font-family:"宋体";}
body{background:#f5f5f5;}
p,h1,h2,h3,h4,h5,h6,span,a{
	margin:0px;
	padding:0px;
	font-size:12px;
	text-decoration:none;
	font-family:"宋体";
	font-weight:inherit;
}
ul,ol,li{margin:0px;padding:0px;list-style:none;}

/*中部痛点*/
.content_all{
	float:left;
	width:100%;
	height:-webkit-calc(100% - 60px);
	height:-ms-calc(100% - 60px);
	height:-moz-calc(100% - 60px);
	height:calc(100% - 60px);
	min-height:570px;
	}
.content{width:100%;margin-top:90px;background:#fff;padding-top:50px;padding-bottom:50px;float:left;}
.content_center{width:700px;height:350px;margin:0 auto;}
.content_title{float:left;width:100%;text-align:center;}
.content_title p{line-height:32px;width:auto;display:inline-block;color:#666;}
.content_title a{line-height:32px;width:auto;display:inline-block;color:#ff0000;}
.content_title a:hover{text-decoration:underline;}
.content_title span{color:#999;line-height:32px;width:auto;display:inline-block;}
.content_landing{margin-top:45px;float:Left;width:100%;}
.content_landing_left{width:465px;float:left;border-right:1px dashed #e1e1e1;}
.content_landing_category{width:400px;float:left;}
.content_landing_category ul{float:left;width:100%;}
.content_landing_category li{
	width:50%;
	font-weight:bold;
	text-align:center;
	color:#333;
	font-size:16px;
	height:56px;
	line-height:56px;
	border-bottom:1px solid #ebebeb;
	float:left;
	cursor:pointer;
}
.content_landing_category li.on{
	background:url("../images/registered_category.png") no-repeat;
	border-bottom:0px;
	height:57px;
	background-size:100% 100%;
}
.category_content{width:400px;float:left;padding-top:15px;}
.category_content input[type="text"]{
	border:1px solid #e1e1e1;
	width:400px;
	height:40px;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    margin-top:15px;
    padding-left:15px;
    outline:none;
    border-radius:3px;
}
.category_content input[type="password"]{
	border:1px solid #e1e1e1;
	width:400px;
	height:40px;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    margin-top:15px;
    padding-left:15px;
    outline:none;
    border-radius:3px;
}
.category_content input[type="text"].false{border:1px solid #db1500;background:#fbe7e5;}
.category_content input[type="text"]:focus{border:1px solid #db1500;}
.category_content input[type="password"].false{border:1px solid #db1500;background:#fbe7e5;}
.category_content input[type="password"]:focus{border:1px solid #db1500;}
.Verification{
	width:400px;
	height:40px;
	margin-top:15px;
	float:left;
}
.category_content .Verification input[type="text"]{
	padding-left:15px;
    outline:none;
    border:1px solid #e1e1e1;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    border-radius:3px 0 0 3px;
    width:262px;
    height:40px;
    border-right:0px;
    float:left;
    margin-top:0px;
}
.category_content .Verification input[type="text"].false{border:1px solid #db1500;background:#fbe7e5;}
.category_content .Verification input[type="text"]:focus{border:1px solid #db1500;}
.category_content .Verification input[type="button"]{
	text-align:center;
    outline:none;
    border:0px;
    border-radius:0 3px 3px 0;
    width:138px;
    height:40px;
    line-height:40px;
    color:#fff;
    float:left;
    font-size:12px;
}
.category_content .Verification .send{
	text-align:center;
    outline:none;
    border:0px;
    border-radius:0 3px 3px 0;
    width:138px;
    height:40px;
    line-height:40px;
    color:#fff;
    float:left;
    font-size:12px;
    background:#ff0000;
    cursor:pointer;
}

.game_time{
	text-align:center;
    outline:none;
    border:0px;
    border-radius:0 3px 3px 0;
    width:138px;
    height:40px;
    line-height:40px;
    float:left;
    background:#db1500;
}
.game_time_zzc{
	position:absolute;
	right:0;
	width:138px;
    height:40px;
    z-index:999;
    cursor:pointer;
    background:yellow;
    
}
.time{color:#fff;font-size:12px;width:100%;height:100%;line-height:40px;}
.message{float:left;width:100%;height:50px;}

.message span{float:right;width:auto;color:#ff0000;line-height:50px;}
.message span.s1{float:left;}
.message span.s1:hover{text-decoration:underline;}
.message input[type="checkbox"]{width:12px;height:12px;float:left;margin-top:19px;display:none;}
.message input[type="checkbox"]:checked + .checkbox_logo{
	width:14px;
	height:14px;
	float:left;
	margin-top:18px;
	background:url(../images/registered_check.gif) no-repeat;
	background-size:100% 100%;
	margin-left:0px;
	border:0px;
	cursor:pointer;
	}
.message label.checkbox_text{
	float:left;
	width:auto;
	margin-left:5px;
	line-height:50px;
	color:#999;
	font-size:12px;
	cursor:pointer;
}
.message label.checkbox_logo{
	width:10px;
	height:10px;
	float:left;
	margin-top:18px;
	border:2px solid #db1500;
	margin-left:0px;
	border-radius:3px;
	cursor:pointer;
}
.category_content input[type="button"]{
	width:100%;
	background:#ff0000;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	height:40px;
	line-height:40px;
	border-radius:3px;
	border:none;
	cursor:pointer;
	outline:none;
}
.category_content input.loginbutton{
	width:100%;
	background:#ff0000;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	height:40px;
	line-height:40px;
	border-radius:3px;
	border:none;
	cursor:pointer;
	outline:none;
}

.content_landing_right{width:234px;float:right;margin-top:20px;}
.content_landing_right p{float:left;width:100%;text-align:center;color:#666;font-size:14px;}
.content_landing_right_third{width:180px;float:right;}
.content_landing_right ul{width:100%;float:left;text-align:center;margin-top:30px;}
.content_landing_right li{margin-left:17px;display:inline-block;width:auto;}
.content_landing_right .ewm{float:Left;width:100%;text-align:center;margin-top:28px;}
.content_landing_right .ewm.s1{margin-top:83px;}
.content_landing_right span{color:#666;float:left;width:100%;text-align:center;margin-top:28px;}

/*错误提示*/
.tishi_all{position:fixed;width:100%;height:100%;display:none;}
.tishi_all.show1{display:block;}
.tishi_all.show2{display:block;}
.tishi_all.show3{display:block;}
.tishi_all.show4{display:block;}
.tishi_all.show5{display:block;}
.tishi_all.show6{display:block;}
.tishi_all.show1 .tishi_content p:before{content:"您的账户名不能为空";}
.tishi_all.show2 .tishi_content p:before{content:"您的账户名格式有误";}
.tishi_all.show3 .tishi_content p:before{content:"您的密码不能为空";}
.tishi_all.show4 .tishi_content p:before{content:"你的密码格式有误";}
.tishi_all.show5 .tishi_content p:before{content:"您的验证码不能为空";}
.tishi_all.show6 .tishi_content p:before{content:"请您阅读并接受《注册协议》";}
.tishi_all.show7 .tishi_content p:before{content:"您的账号或者密码有误";}
.tishi{
	width:400px;
	height:150px;
	border-radius:5px 5px 3px 3px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #db1500;
	overflow:hidden;
	position:fixed;
	left:calc((100% - 400px) / 2);
	left:-webkit-calc((100% - 400px) / 2);
	left:-ms-calc((100% - 400px) / 2);
	left:-moz-calc((100% - 400px) / 2);
	left:-o-calc((100% - 400px) / 2);
	top:calc((100% - 150px) / 2);
	top:-webkit-calc((100% - 150px) / 2);
	top:-ms-calc((100% - 150px) / 2);
	top:-moz-calc((100% - 150px) / 2);
	top:-o-calc((100% - 150px) / 2);
	z-index:1005;
}
.tishi_title{
	width:100%;
	background:#db1500;
	height:31px;
	line-height:31px;
	color:#fff;
	float:left;
	padding-left:21px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size:12px;
	position:relative;
}
.tishi_title .colse{
	width:12px;
	height:12px;
	background:url(../images/alert_content_colse.png);
	cursor:pointer;
	position:absolute;
	top:10px;
	right:10px;
}
.tishi_content{
	height:118px;
	line-height:118px;
	width:100%;
	float:left;
	text-align:center;
	background:#fff;
}
.tishi_content img{float:left;margin-top:44px;margin-left:100px;}
.tishi_content p{
	color:#333;
	display:block;
	font-size:16px;
	float:left;
	margin-left:15px;
}

